@import url("../../style.less");

.page{
	height: 100vh;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    ::v-deep.uni-searchbar__cancel{
        color: #fff;
    }
    .search-wrapper{
        padding: 20rpx 16rpx;
        background-color: #25a3f0;
        ::v-deep.uni-searchbar__box{
            // border: 4rpx solid #25a3f0;
            // background-color: #fff;
        }
    }
    .block-10{
        height: 20rpx;
        background-color: #f5f5f5;
        width: 100%;
    }
    .list-content{
        .filter-wrapper{
            padding: 20rpx;
            border-bottom: 2px solid #ececec;
            display: flex;
            justify-content: space-between;
            .grade{
                font-size: 28rpx;
                color: #333;
            }
            .btn-group{
                // background-color: #e6e6e6;
                display: flex;
                padding: 4rpx;
                width: 130px;
                background-color: #fff;
                border-radius: 26rpx;
                .button{
                    flex: 1;
                    font-size: 22rpx;
                    line-height: 26rpx;
                    text-align: center;
                    padding: 6rpx 0;
                    border-radius: 26rpx;
                    color: #696969;
                    &.active {
                        background-color: #fff;
                        background-color: #25a3f0;
                        color: #fff;
                    }
                }
            }
        }
        .list-wrapper{
            padding: 0 20rpx;
            margin-top: -2rpx;
            .item-footer{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-end;
                .item-time{
                    font-size: 24rpx;
                    color: #696969;
                }
                .uni-tag{
                    width: 60rpx;
                    text-align: center;
                    margin-top: 8rpx;
                }
            }
        }
    }
    .empty{
        width: 260rpx;
        height: 260rpx;
        background-image: url('../../static/noresult.png');
        background-size: contain;
        background-repeat: no-repeat;
        margin: 60px auto 10px;
    }
}